const http = require('http')

http.createServer((request,response) =>{
  let body = []
  request.on('error', (err)=>{
    console.error(err);
  }).on('data', (chunk)=>{
    // console.log(chunk.toString());
    // body.push(chunk.toString());
    body.push(chunk);
  }).on('end', () =>{
    body = Buffer.concat(body).toString();
    // body = Buffer.concat([Buffer.from(body.toString())]).toString();
    console.log("body:",body)
    response.writeHead(200, {'Content-Type': 'text/html'});
    let html = `<html maaa="a">
  <head>
    <style>
     #container{
       width: 500px;
       height: 300px;
       display: flex;
       background-color: rgb(255,0,0);
     }
     #container #myid{
       width: 200px;
       background-color: rgb(0,128,0);
     }
     #container .c1{
       flex: 1;
       background-color: rgb(0,0,255);
     }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="myid"  />
      <div class="c1"  />
    </div>
  </body>
</html>`
    response.end(html);
  });
}).listen(8088);

console.log("server started");